import { Button } from 'antd-mobile'
import React from 'react'
import { Radio, Space } from 'antd-mobile'
import {
    Form,
    Input,
    
    Dialog,
    TextArea,
    DatePicker,
    Selector,
    Slider,
    Stepper,
    Switch,
  } from 'antd-mobile'
function Ck() {
  return (
    <div>
        <Button>扫描证件添加</Button>
        <Button>邀请好友填写</Button>
        <div>
            <span>乘客类型</span>
            <Radio value='1'>成人票</Radio>
            <Radio value='2'>儿童票</Radio>
            <Radio value='3'>学生票</Radio>
        </div>
        <div>
        <Form
        layout='horizontal'
        footer={
          <Button block type='submit' color='primary' size='large'>
           确定
          </Button>
        }
      >
        
        <Form.Item
          name='name'
          label='姓名'
          rules={[{ required: true, message: '姓名不能为空' }]}
        >
          <Input onChange={console.log} placeholder='请输入姓名' />
        </Form.Item>
        <Form.Item
          name='ID'
          label='证件号码'
          rules={[{ required: true, message: '证件号码不能为空' }]}
        >
          <Input onChange={console.log} placeholder='请输入证件号码' />
        </Form.Item>
        <Form.Item
          name='tel'
          label='手机号码'
          rules={[{ required: true, message: '手机号码不能为空' }]}
        >
          <Input onChange={console.log} placeholder='请输入手机号码' />
        </Form.Item>
   
      </Form>
  
        </div>
    </div>
  )
}

export default Ck